<!DOCTYPE html>
<html>

<head>
	<title>主页</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link href="./assets/css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
	<link href="./assets/css/style.css" rel="stylesheet" type="text/css" media="all" />
	<link href="./assets/css/font-awesome.css" rel="stylesheet">
</head>
<style>
	input:focus {
		outline: 0;
	}
</style>

<body>
	<div class="header" id="home" style="border-bottom: 1px solid rgb(35,182,132);">
		<div class="content white agile-info">
			<nav class="navbar navbar-default" role="navigation">
				<div class="container-fluid">
					<div class="navbar-header">
						<button type="button" style="background: rgb(236, 245, 242); border: 0px;"
							class="navbar-toggle collapsed" data-toggle="collapse" data-target="#nav-list">
							<span class="icon-bar"> </span>
							<span class="icon-bar"> </span>
							<span class="icon-bar"> </span>
						</button>
						<div class="a_L">
							<a class="navbar-brand " href="index.html">
								<h1 style="font-size: 30px; height: 48; line-height: 48px; ">LP招聘</h1>
							</a>
						</div>
					</div>
					<div class="collapse navbar-collapse" id="nav-list">
						<nav class="link-effect-2" id="link-effect-2">
							<ul class="nav navbar-nav">
								<li class="active"><a href="index.html" class="effect-3">首页</a></li>
								<li class="dropdown">
									<a href="services.html" class="dropdown-toggle effect-3" data-toggle="dropdown">校园
										<b class="caret"></b></a>
									<ul class="dropdown-menu">
										<li><a href="services.html">实习生</a></li>
										<li class="divider"></li>
										<li><a href="services.html">应届生</a></li>
										<li class="divider"></li>
										<li><a href="codes.html">双选会</a></li>
										<li class="divider"></li>
									</ul>
								</li>
								<li class="dropdown">
									<a href="jobs.html" class="dropdown-toggle effect-3" data-toggle="dropdown">职位<b
											class="caret"></b></a>
									<ul class="dropdown-menu multi-column columns-2">
										<div class="row">
											<div class="col-sm-6">
												<ul class="multi-column-dropdown">
													<li>
														<a href="">技术</a>
													</li>
													<li>
														<a href="">产品</a>
													</li>
													<li>
														<a href="">设计</a>
													</li>
													<li>
														<a href="">运营</a>

													</li>
													<li>
														<a href="">市场</a>
													</li>
													<li>
														<a href="">人事/财政/行政</a>
													</li>
													<li>
														<a href="">高级管理</a>
													</li>
													<li>
														<a href="">销售</a>
													</li>
													<li><a href="">传媒</a>

													</li>
													<li><a href="">金融</a>

													</li>
													<li><a href="">教育培训</a>

													</li>
													<li><a href="">医疗健康</a>

													</li>
												</ul>
											</div>
											<div class="col-sm-6">
												<ul class="multi-column-dropdown">
													<li><a href="upload.html">采购/贸易</a></li>
													<li><a href="codes.html">供应链/物流</a></li>
													<li><a href="codes.html">房地产/建筑</a></li>
													<li><a href="codes.html">农/林/牧/渔</a></li>
													<li><a href="codes.html">咨询/翻译/法律</a></li>
													<li><a href="codes.html">旅游</a></li>
													<li><a href="codes.html">服务业</a></li>
													<li><a href="codes.html">生产制造</a></li>
												</ul>
											</div>
										</div>
									</ul>
								</li>
								<li><a href="" class="effect-3">公司</a></li>
								<li><a href="contact.html" class="effect-3">联系</a></li>
								<li><a href="login.html" class="effect-3" id="login">登录</a></li>
								<li><a  class="effect-3" id="show"></a></li>
								<li id="register"><a href="login.html" class="effect-3" id="register">注册</a></li>
								<li><a href="" class="hidden" id="logout" data-toggle="modal"
										data-target="#list-modal">退出</a></li>
							</ul>
						</nav>
					</div>
				</div>
			</nav>
		</div>
	</div>
	<div class="container">
		<div class="modal" id="list-modal">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<h4 class="modal-title le-text"><span id="user-showname"></span>，<span>滚吧，傻狗</span></h4>
					</div>
					<div class="modal-body">
						<p class="" style="font-size: 18px">爱来不来</p>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭
						</button>
						<button type="button" class="btn btn-success" id="logout">确定
						</button>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="container">
		<div class="input-group search2">
			<div class="position-sel input-group-addon  dropdown"
				style="border: 2px solid rgb(35,182,132);border-right: 0px;background-color: white;">
				<span class="dropdown-toggle" data-toggle="dropdown" style="border-right: 0px;">
					<b class="b">职位类型</b>
					<i class="caret"></i>
				</span>
				<ul class="dropdown-menu " style="max-height: 200px;overflow-y:auto;">
					<li>
						<a href="">技术</a>
					</li>
					<li>
						<a>产品</a>
					</li>
					<li>
						<a>设计</a>
					</li>
					<li>
						<a>运营</a>

					</li>
					<li>
						<a>市场</a>
					</li>
					<li>
						<a>人事/财政/行政</a>
					</li>
					<li>
						<a>高级管理</a>
					</li>
					<li>
						<a>销售</a>
					</li>
					<li><a>传媒</a>

					</li>
					<li><a>金融</a>

					</li>
					<li><a>教育培训</a>

					</li>
					<li><a>医疗健康</a>

					</li>
				</ul>
			</div>
			<input type="text" onkeydown="" placeholder="搜索职位" />
			<a class="input-group-addon aa" id="search">
				<i class="glyphicon glyphicon-search"></i></a>
		</div>
	</div>
	<div class="container-fluid">
		<div class="text-center indexTit">
			<h2>求职步骤</h2>
			<p>根据常规写作步骤，给您如下建议</p>
		</div>
		<ul class="indStep list-inline text-center">
			<li>
				<a href="">
					<span class="icons idsIcon0 idsIcon1"></span>
					<strong>1、选题分析</strong>
					<p>科研选题，论文选题，百万题库只为你量身打造</p>
				</a>
			</li>
			<li>
				<a href="">
					<span class="icons idsIcon0 idsIcon2"></span>
					<strong>2、资料搜集</strong>
					<p>名师指导，专业导向，一键收集最全，最好的参考文档</p>
				</a>
			</li>
			<li>
				<a href="">
					<span class="icons idsIcon0 idsIcon3"></span>
					<strong>3、在线写作</strong>
					<p>智能提示，智能标引，纵享极速写作体验</p>
				</a>
			</li>
			<li>
				<a href="">
					<span class="icons idsIcon0 idsIcon4"></span>
					<strong>4、参考文献</strong>
					<p>参考文献自动生成器，一键规范参考文献</p>
				</a>
			</li>
			<li>
				<a href="">
					<span class="icons idsIcon0 idsIcon5"></span>
					<strong>5、论文查重</strong>
					<p>16个比对数据库，10亿篇文献，只需30秒</p>
				</a>
			</li>
		</ul>
	</div>

	<div class="container-fluid">
		<div style="height: 50px;"></div>
		<h1 class="h2_1 text-center">快速得到工作的三个步骤</h1>
		<div style="height: 50px;"></div>
		<div class="">
			<div class="row">
				<div class="col-md-4">
					<div class="lattice">
						<div class="text-center">
							<div class="a_1">
								<a href="">选择的职业</a>
							</div>
						</div>
						<div class="p_1">
							<p>
								无论您是退休人员、远程工作者还是实现您的欧洲梦想，我们都将帮助您选择理想的地点并确定您的签证和公民身份机会。
							</p>
						</div>
						<div>
							<img class="img_1 "
								src="https://wherecani.live/wp-content/uploads/2022/07/pexels-amanda-klamrowski-1464793-1-Compressed1-655x445.jpg"
								alt="">
						</div>
					</div>
				</div>
				<div class="col-md-4">
					<div class="lattice">
						<div class="text-center">
							<div class="a_1">
								<a href="">选择的职业</a>
							</div>
						</div>
						<div class="p_1">
							<p>
								无论您是退休人员、远程工作者还是实现您的欧洲梦想，我们都将帮助您选择理想的地点并确定您的签证和公民身份机会。
							</p>
						</div>
						<div>
							<img class="img_1 "
								src="https://wherecani.live/wp-content/uploads/2022/07/pexels-amanda-klamrowski-1464793-1-Compressed1-655x445.jpg"
								alt="">
						</div>
					</div>
				</div>
				<div class="col-md-4">
					<div class="lattice">
						<div class="text-center">
							<div class="a_1">
								<a href="">选择的职业</a>
							</div>
						</div>
						<div class="p_1">
							<p>
								无论您是退休人员、远程工作者还是实现您的欧洲梦想，我们都将帮助您选择理想的地点并确定您的签证和公民身份机会。
							</p>
						</div>
						<div>
							<img class="img_1 "
								src="https://wherecani.live/wp-content/uploads/2022/07/pexels-amanda-klamrowski-1464793-1-Compressed1-655x445.jpg"
								alt="">
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="jumbotron em_1">
		<div class="container ">
			<em style="font-size: 20px;">“该网站是用户友好的，真实的，有用的和鼓舞人心的......他们在西班牙的附属律师事务所是真正的交易。
				他们不是为了钱而打你，而是试图提供帮助。Raquel和她的团队知识渊博，乐于助人，专业和善解人意。我觉得我
				的法律状况得到了很好的处理。我能住在哪里还立即为我安排了一家保险公司，该公司第二天也联系了我，我在 24 小时内
				得到了报价。艾莉森在整个过程中一直在跟进我。你还能要求什么？五颗星。"</em>
			<p>...</p>
		</div>

	</div>
	<div id="myCarousel" class="carousel slide" data-ride="carousel">
		<ol class="carousel-indicators">
			<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
			<li data-target="#myCarousel" data-slide-to="1" class=""></li>
			<li data-target="#myCarousel" data-slide-to="2" class=""></li>
			<li data-target="#myCarousel" data-slide-to="3" class=""></li>
		</ol>
		<div class="carousel-inner" role="listbox">
			<div class="item active">
				<div class="container">
					<div class="carousel-caption">
						<h3>提高工作场所的工作效率 <span>工作效率</span></h3>
						<p>晏晏宾宾</p>
						<div class="agileits-button top_ban_agile">
							<a class="btn btn-primary btn-lg" href="">查看更多 »</a>
						</div>
					</div>
				</div>
			</div>
			<div class="item item2">
				<div class="container">
					<div class="carousel-caption">
						<h3>鼓舞人心的领导力 <span>创新</span></h3>
						<p>晏晏宾宾</p>
						<div class="agileits-button top_ban_agile">
							<a class="btn btn-primary btn-lg" href="">查看更多 »</a>
						</div>
					</div>
				</div>
			</div>
			<div class="item item3">
				<div class="container">
					<div class="carousel-caption">
						<h3>寻找好工作 <span>寻找好工作</span></h3>
						<p>晏晏宾宾</p>
						<div class="agileits-button top_ban_agile">
							<a class="btn btn-primary btn-lg" href="">查看更多 »</a>
						</div>
					</div>
				</div>
			</div>
			<div class="item item4">
				<div class="container">
					<div class="carousel-caption">
						<h3>寻找好工作 <span>寻找好工作</span></h3>
						<p>晏晏宾宾</p>
						<div class="agileits-button top_ban_agile">
							<a class="btn btn-primary btn-lg scroll" href="#welcome" role="button">查看更多 »</a>
						</div>
					</div>
				</div>
			</div>
		</div>
		<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
			<span class="fa fa-chevron-left" aria-hidden="true"></span>
			<span class="sr-only">Previous</span>
		</a>
		<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
			<span class="fa fa-chevron-right" aria-hidden="true"></span>
			<span class="sr-only">Next</span>
		</a>
		<!-- The Modal -->
	</div>
	<!-- services -->
	<div class="services" id="services">
		<div class="container">
			<div class="tittle_head_w3ls">
				<h3 class="tittle">选择流程</h3>
			</div>
			<div class="inner_sec_grids_info_w3ls">
				<div class="col-md-3 services-left">
					<div class="services-left-top">
						<h5>确定需求并开发职位描述</h5>
					</div>
					<div class="services-left-top services-left-top1">
						<h5>招聘规划</h5>
					</div>
				</div>
				<div class="col-md-6 services-middle">
					<div class="services-middle-img">
						<img src="./assets/img/demo/process.jpg" alt="" />
					</div>
					<div class="services-middle-grids">
						<div class="col-md-6 services-middle-left">
							<div class="services-left-top">
								<h5>采购与广告</h5>
							</div>
						</div>
						<div class="col-md-6 services-middle-left">
							<div class="services-left-top">
								<h5>评估和面试候选人</h5>
							</div>
						</div>
						<div class="clearfix"> </div>
					</div>
				</div>
				<div class="col-md-3 services-left">
					<div class="services-left-top">
						<h5>成功入职培训</h5>
					</div>
					<div class="services-left-top services-left-top1">
						<h5>学生就业优惠</h5>
					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
	<div class="mid_services">
		<div class="col-md-6 according_inner_grids">
			<h3 class="agile_heading two">收到工作机会</h3>
			<div class="according_info">
				<div class="panel-group about_panel" id="accordion" role="tablist" aria-multiselectable="true">
					<div class="panel panel-default">
						<div class="panel-heading" role="tab" id="headingOne">
							<h4 class="panel-title asd">
								<a class="pa_italic" role="button" data-toggle="collapse" data-parent="#accordion"
									href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
									<span class="glyphicon glyphicon-plus" aria-hidden="true"></span><i
										class="glyphicon glyphicon-minus" aria-hidden="true"></i>假设由志愿者点击
								</a>
							</h4>
						</div>
						<div id="collapseOne" class="panel-collapse collapse in" role="tabpanel"
							aria-labelledby="headingOne">
							<div class="panel-body panel_text">
								两人或两人之间的矛盾是在一个不存在的地方。除了圣奥卡塔和丘比特以外，其他人都是无辜的，因为他们都是劳动的受害者。
							</div>
						</div>
					</div>
					<div class="panel panel-default">
						<div class="panel-heading" role="tab" id="headingTwo">
							<h4 class="panel-title asd">
								<a class="pa_italic collapsed" role="button" data-toggle="collapse"
									data-parent="#accordion" href="#collapseTwo" aria-expanded="false"
									aria-controls="collapseTwo">
									<span class="glyphicon glyphicon-plus" aria-hidden="true"></span><i
										class="glyphicon glyphicon-minus" aria-hidden="true"></i>假设由志愿者点击
								</a>
							</h4>
						</div>
						<div id="collapseTwo" class="panel-collapse collapse" role="tabpanel"
							aria-labelledby="headingTwo">
							<div class="panel-body panel_text">
								两人或两人之间的矛盾是在一个不存在的地方。除了圣奥卡塔和丘比特以外，其他人都是无辜的，因为他们都是劳动的受害者。
							</div>
						</div>
					</div>
					<div class="panel panel-default">
						<div class="panel-heading" role="tab" id="headingThree">
							<h4 class="panel-title asd">
								<a class="pa_italic collapsed" role="button" data-toggle="collapse"
									data-parent="#accordion" href="#collapseThree" aria-expanded="false"
									aria-controls="collapseThree">
									<span class="glyphicon glyphicon-plus" aria-hidden="true"></span><i
										class="glyphicon glyphicon-minus" aria-hidden="true"></i>假设由志愿者点击
								</a>
							</h4>
						</div>
						<div id="collapseThree" class="panel-collapse collapse" role="tabpanel"
							aria-labelledby="headingThree">
							<div class="panel-body panel_text">
								两人或两人之间的矛盾是在一个不存在的地方。除了圣奥卡塔和丘比特以外，其他人都是无辜的，因为他们都是劳动的受害者。
							</div>
						</div>
					</div>
					<div class="panel panel-default">
						<div class="panel-heading" role="tab" id="headingThree">
							<h4 class="panel-title asd">
								<a class="pa_italic collapsed" role="button" data-toggle="collapse"
									data-parent="#accordion" href="#collapseFour" aria-expanded="false"
									aria-controls="collapseFour">
									<span class="glyphicon glyphicon-plus" aria-hidden="true"></span><i
										class="glyphicon glyphicon-minus" aria-hidden="true"></i>假设由志愿者点击
								</a>
							</h4>
						</div>
						<div id="collapseFour" class="panel-collapse collapse" role="tabpanel"
							aria-labelledby="headingFour">
							<div class="panel-body panel_text">
								两人或两人之间的矛盾是在一个不存在的地方。除了圣奥卡塔和丘比特以外，其他人都是无辜的，因为他们都是劳动的受害者。
							</div>
						</div>
					</div>
				</div>
			</div>

		</div>
		<div class="col-md-6 mid_services_img">
		</div>
		<div class="clearfix"> </div>
	</div>
	<!-- footer -->
	<div class="footer_top_agileits">
		<div class="container">
			<div class="col-md-4 footer_grid">
				<h3>关于我们</h3>
				<ul class="list-unstyled footer_ul">
					<li><a href="">公司介绍</a></li>
					<li><a href="">联系我们</a></li>
					<li><a href="">诚聘英才</a></li>
					<li><a href="">网络地图</a></li>
				</ul>
			</div>
			<div class="col-md-4 footer_grid">
				<h3>使用与帮助</h3>
				<ul class="footer_grid_list">
					<li><i class="fa fa-long-arrow-right" aria-hidden="true"></i>
						<a href="">防骗指南 </a>
					</li>
					<li><i class="fa fa-long-arrow-right" aria-hidden="true"></i>
						<a href="">意见反馈</a>
					</li>
					<li><i class="fa fa-long-arrow-right" aria-hidden="true"></i>
						<a href="">法律协议 </a>
					</li>
					<li><i class="fa fa-long-arrow-right" aria-hidden="true"></i>
						<a href="">资质公示</a>
					</li>
					<li><i class="fa fa-long-arrow-right" aria-hidden="true"></i>
						<a href="">使用帮助 </a>
					</li>
				</ul>
			</div>
			<div class="col-md-4 footer_grid">
				<h3>联系方式</h3>
				<ul class="address">
					<li><i class="fa fa-map-marker" aria-hidden="true"></i> xxxxxx<span>
						</span></li>
					<li><i class="fa fa-envelope" aria-hidden="true"></i><a
							href="mailto:info@example.com">xxxxxx@163.com</a></li>
					<li><i class="fa fa-phone" aria-hidden="true"></i>+10086</li>
				</ul>
			</div>
		</div>
	</div>
	<script type="text/javascript" src="./assets/js/vendor/jquery.min.js"></script>
	<script type="text/javascript" src="./assets/js/vendor/bootstrap.js"></script>
	<script type="application/javascript">
		$(document).ready(function () {
			const username = sessionStorage.getItem('username');
			if (username) {
				$('#show').html("我是超级管理员");
				$('#register').addClass('hidden');
				$('#login').addClass('hidden');
				$('#logout').removeClass('hidden');
				$('#user-showname').html(username)
			}
			// if (username) {
			// 	$.ajax({
			// 		type: 'GET',
			// 		url: '',
			// 		data: {
			// 			username: username
			// 		},
			// 		success: function (json) {
			// 			if (json.success) {
			// 				$('#login').html(json.content.user.showname);
			// 				$('#register').addClass('hidden');
			// 				$('#logout').removeClass('hidden');
			// 				$('#user-showname').html(username)
			// 			}
			// 		}
			// 	});
			// }
		});
		$('#logout').click(function () {
			$.ajax({
				type: 'POST',
				url: '/auth/admin/logout',
				success: function (json) {
					if (json.success) {
						sessionStorage.removeItem('username');
						location.href = 'bank-index.html';
					}
				}
			});
		});
	</script>
</body>

</html>